<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">指标大盘</li>
            </ul>
        </div>
    </div>
</div>

<div style="padding: 0 10px 10px">
    <div style="text-align: left; font-size: 1.2rem; float: left; width: 50%;">
<!--        <a href="https://docs.qq.com/sheet/DSER1ZVFaQkhTR3d6?u=6993b2dd2b07400591cc27e4767cb1b5&tab=5opyaf" target="_blank"><u>整体说明&指标口径</u></a>-->
        <a href="#/star/metric2/data_metric_list/{{vm.p.biz}}" target="_blank"><u>整体说明&指标口径</u></a>
    </div>
    <div style="text-align: right;font-size: 1.2rem; float: right;width: 50%;color: red;">数据:app_zp_n_bcp_dapan_report, 更新时间：10:00</div>
    <br />
</div>


<div class="container-fluid">
    <div style="margin: 10px">
        <div style="float:right; margin-left: 10px;">
            <a href="#/star/dapan/basic_dashboard/ganji/pingtai_c"> <u>业务大盘(ganji)</u> </a>
        </div>
        <div style="float:right; margin-left: 10px;">
            <a href="#/star/dapan/basic_dashboard/zp/pingtai_c"> <u>业务大盘(58)</u> </a>
        </div>
        <div style="margin: 10px 0 0;">
            <form class="form-inline">
                <div class="form-group">
                    <div class='input-group date' id='bizTime'>
                        <label for="bizTime" style="display: table-cell;">业务时间：</label>
                        <input type='text' class="form-control" ng-model="vm.p.bizTime" name="bizTime" style="width: 17.6rem" />
                        <span class="input-group-addon" style="width: 4rem">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                    </div>
                </div>
                <div class="form-group" style="margin-right: 3rem;">
                    <label for="biz">业务线：</label>
                    <div class="form-group" style="width:260px;display:inline-block;">
                        <select class="form-control" id="biz" ng-model="vm.p.biz" style="width:260px;" ng-init="vm.p.biz='zp'">
                            <option value='zp'>58招聘</option>
                            <option value='ganji'>赶集直聘</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <button id="refreshTable" type="button" class="btn btn-primary" ng-click="queryReport()">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                    </button>
                </div>
            </form>
        </div>

        <hr/>

        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h3 class="sub-header" style="display:inline-block"> 大盘列表 </h3>
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <!--<div align="center" ng-show="! vm.ready"> loading ... </div>-->
                <table class="table table-condensed table-sparkline">
                    <thead>
                    <tr>
                        <th>ID</th>
<!--                        <th>业务板块</th>-->
                        <th>主题域</th>
                        <th>主题</th>
                        <th>指标unit</th>
                        <th>指标title</th>
                        <th>当前值</th><th>较前1天</th><th>较前7天</th>
                        <th>序列</th><th>详情</th>
                    </tr>
                    </thead>
                    <tbody class="tbody-sparkline">
                    <tr ng-repeat="item in vm.items" repeat-finish="renderFinish()">
                        <th>{{$index + 1}}</th>
<!--                        <td>{{item.bizArea}}</td>-->
                        <td>{{item | topicGroupFmt}}</td>
                        <td>{{item.topic}}</td>
                        <td>{{item | indexCnFmt}}</td>
                        <td>{{item.indexTitle}}</td>
                        <td>{{item.content | compareEntityFmt1}}</td>
                        <td>{{item.contentInc1 | compareEntityFmt2}}</td>
                        <td>{{item.contentInc7 | compareEntityFmt3}}</td>

<!--                        <td>{{item.compareEntity | compareEntityFmt1}}</td>-->
<!--                        <td>{{item.compareEntity | compareEntityFmt2}}</td>-->
<!--                        <td>{{item.compareEntity | compareEntityFmt3}}</td>-->
                        <td data-sparkline="{{item.numbs}}"></td>
                        <th><a href="#/star/metric2/data_metric_detail/{{item.biz}}/{{item.id}}" target="_blank">查看</a></th>
                    </tr>
                    </tbody>
                </table>
                <!--<table id="list_table" class="table table-condensed"-->
                       <!--data-toolbar="#toolbar"-->
                       <!--data-search="true"-->
                       <!--data-show-toggle="true"-->
                       <!--data-show-columns="true"-->
                       <!--data-show-pagination-switch="true"-->
                       <!--data-pagination="true"-->
                       <!--data-search-align="left"-->
                       <!--data-buttons-align="left"-->
                       <!--data-toolbar-align="left"-->
                       <!--data-side-pagination="client">-->
                    <!--<thead>-->
                    <!--<tr>-->
                        <!--<th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>-->
                        <!--&lt;!&ndash;<th data-field="id" data-sortable="true" data-formatter="zhibiaoManageIDOptFmt">操作</th>&ndash;&gt;-->
                        <!--<th data-field="bizArea" data-sortable="true">业务板块</th>-->
                        <!--<th data-field="topicGroup" data-sortable="true" data-formatter="topicGroupFmt">主题域</th>-->
                        <!--<th data-field="topic" data-sortable="true" >主题</th>-->
                        <!--<th data-field="indexCn" data-sortable="true" data-formatter="indexCnFmt">指标</th>-->
                        <!--<th data-field="indexTitle" data-sortable="true">指标描述</th>-->
                        <!--<th data-field="series" data-sortable="true" data-formatter="seriesFmt">序列值</th>-->
                        <!--<th data-field="compareEntity" data-sortable="true" data-formatter="compareEntityFmt">当前值</th>-->
                        <!--&lt;!&ndash;<th data-field="action" data-sortable="true" data-formatter="rowActionFmt">状态</th>&ndash;&gt;-->
                        <!--&lt;!&ndash;<th data-field="updateTime" data-sortable="true">更新时间</th>&ndash;&gt;-->
                    <!--</tr>-->
                    <!--</thead>-->
                <!--</table>-->
            </div>
        </div>
    </div>
</div>
